<%@ include file="/WEB-INF/jsp/common/include.jsp"%>
<html>
	<head>
		<title>In Garage</title>
		<script type="text/javascript" src='http://www.google.com/jsapi?key=<fmt:message key="key.feed.api"/>'></script>
		<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
            type="text/javascript"></script>
	    <style type="text/css">
	      #picasaSlideshow {
	        width:  250px;
	        height: 200px;
	        margin-bottom: 40px;
	        padding: 5px;
	      }
	    </style>
	    <script type="text/javascript">
	    
		    google.load("feeds", "1");
		    function OnLoad() {
		    	  // Create a feed control
		    	  var feedControl = new google.feeds.FeedControl();
		    	  // Add two feeds.
		    	  feedControl.addFeed("http://blog.chandankumar.com/feeds/posts/default", "Rambling on");
		    	  // Draw it.
		    	  feedControl.draw(document.getElementById("feed"));
		    	  photoFeed();
		    	}
			function photoFeed(){
				var feed  = "http://api.flickr.com/services/feeds/photos_public.gne?id=60474555@N00&lang=en-us&format=rss_200";
				var options = {
				  displayTime:2000,
				  transistionTime:600,
				  scaleImages:false,
				  fullControlPanel : true,
				  linkTarget : google.feeds.LINK_TARGET_BLANK,
				  maintainAspectRatio : true,
				  thumbnailSize : GFslideShow.THUMBNAILS_LARGE
				};
				var ss = new GFslideShow(feed, "picasaSlideshow", options);
			}
		   	google.setOnLoadCallback(OnLoad); 
	    </script>
	</head>
	<body>
		<div class="grid_8">
		<c:choose>
			<c:when test="${!empty page.title}">
				<h2>${page.title}</h2>
				<p>${page.content}</p>
			</c:when>
			<c:otherwise>
				Create your page!
			</c:otherwise>
		</c:choose>
		</div>
		<div class="grid_4">
			<h4>On Blog</h4>
			<div id="feed"></div>
		</div>
		<div class="clear"></div>
	</body>
</html>